{extend name="layout/layout"}
{block name="content"}
<main class="user_page  ">
    <section class="">
        <div class="layui-main">
            <div class="user_con">
                <div class="user_headpage" >
                    {include file="user_activity/page_menu" base_url='/activity/user/activity/' /}
                </div>
                <div class="right_main ">
                    <div class="d-flex al-c mb10">
                        <p class="ft24  ft-bold">werwe
                        </p>
                        <div class="ml10 label_sm">私人活动</div>
                    </div>
                    <p class="ft14 gary_c9 mb20 ft-bold">2023.09.27 (三) 04:20 - 09.28 (四) 04:20 (GMT+8)</p>
                    <div class="block_com mb20">
                        <p class="ft18 mb40 ft-bold">活動頁</p>
                        <div class="layui-row layui-col-space20 d-flex flex-column-xs">
                            <div>
                                <div class="d-flex flex-column uav_b1">
                                    <div class="layui-upload-drag " id="ID-upload-demo-drag">
                                        <div class="b1">
                                            <button type="button" class="layui-btn layui-bg-orange" id="ID-upload-demo-btn">
                                                <i class="layui-icon layui-icon-upload "></i> 单图片上传
                                            </button>
                                        </div>
                                        <div class="layui-hide img_box" id="ID-upload-demo-preview">
                                            <img src="" alt="上传成功后渲染">
                                        </div>
                                    </div>
                                    <p class="ft12 gary_c9 mt10 mb10">上傳 1080 * 540px、格式為 PNG/JPG 、檔案小於 4 MB</p>
                                    <a href="user_allview_view.html">
                                        <button type="button" class="layui-btn layui-bg-orange w100">
                                            浏览
                                        </button>
                                    </a>
                                    <a href="user_allview_edit.html" class="mt10">
                                        <button type="button" class="layui-btn layui-bg-orange w100">
                                            编辑
                                        </button>
                                    </a>
                                </div>
                            </div>
                            <div class="flex-1">
                                <ul class="layui-row layui-col-space20 ul_height uav_ul1">
                                    <li class="layui-col-md6 layui-col-xs6">
                                        <div class="item">
                                            <p class="t1">活動頁瀏覽數</p>
                                            <p class="t2">6</p>
                                        </div>
                                    </li>
                                    <li class="layui-col-md6 layui-col-xs6">
                                        <div class="item">
                                            <p class="t1">喜歡這個活動</p>
                                            <p class="t2">6</p>
                                        </div>
                                    </li>
                                    <li class="layui-col-md12 layui-col-xs12">
                                        <div class="item">
                                            <p class="t1">活動狀態</p>
                                            <p class="t2">已結束</p>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <ul class="layui-row layui-col-space20 ul_height uav_ul2">
                        <li class="layui-col-md6 layui-col-xs6">
                            <div class="item block_com ft-bold ">
                                <div class="item1">
                                    <p class="ft18 mb14">售票狀況</p>
                                    <p class="ft14 gary_c9  mb30">每十分鐘更新一次</p>
                                    <p class="ft13">剩餘總張數 <span class="orange_c ft18">10</span></p>
                                </div>
                                <div class="item2 flex-center">
                                    <p class="ft12 mb15">剩餘總張數</p>
                                    <p class="ft18">10</p>
                                </div>
                            </div>
                        </li>
                        <li class="layui-col-md6 layui-col-xs6">
                            <div class="item block_com ft-bold ">
                                <div class="item1">
                                    <p class="ft18 mb14">報到狀況</p>
                                    <p class="ft14 gary_c9  mb30">每十分鐘更新一次</p>
                                </div>
                                <div class="item2 flex-center" style="background: #F9AD28;">

                                    <p class="ft12 mb15">报道人数 </p>
                                    <p class="ft18">10</p>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </section>
</main>

{/block}